Refine wireframes to enhance accessibility 最佳化線框圖以提升可訪問性

標題（Headings）

標題是段落、文章或網頁部分開頭的文字標籤，通常透過字型變大或加粗來強調，是網站視覺層級結構的重要組成。

所有使用者都可以透過標題更快地理解頁面結構。螢幕閱讀器（Screen Reader） 使用者可以透過標題快速跳轉到網頁的不同部分。標題能為頁面建立清晰的導航邏輯。

實踐建議：

為每個內容塊新增標題，並線上框圖中註明 HTML 標記，例如：主標題使用<h1>小節標題使用<h2>或<h3>示例：在圖書館網站的“Featured Author（特色作者）”區塊中，用 H2 來標註標題，因為它屬於主內容下的子內容。

地標（Landmarks）

Landmark 是介面中的功能區域，比如導航欄、搜尋框、側邊欄、頁尾等，它們在結構上類似於“導航座標”。

幫助使用輔助技術（如螢幕閱讀器）的人快速在網頁間跳轉。在 iOS 裝置中，VoiceOver 提供了“轉盤（Rotor）”工具，使用者可以使用快捷鍵 Ctrl + Option + U 在 Landmarks 和 Headings 之間切換，便於導航。

實踐建議：

明確標註每個功能區域在頁面上的位置與作用。線上框圖中區分這些 Landmarks（例如用註釋說明“這是主導航區”或“這是頁尾”）。

初始焦點（Initial Focus）

初始焦點是頁面載入時最先吸引使用者注意的地方，通常是使用者需要執行的主要操作區域。

指導使用者完成關鍵任務。簡化頁面，避免資訊過載和任務混亂。提升無障礙使用者（如使用鍵盤或語音操作者）的操作效率。

實踐建議：

將搜尋框、主要 CTA 按鈕或頁面主標題設定為首要焦點（例如設定 H1 作為初始焦點）。示例：Google 首頁將搜尋框放置在正中間並給予焦點，引導使用者優先搜尋。